<!-- 我的查询 -->

<template>
  <WebSearch>
    <template #btn>
      <BtnAdd />
    </template>

    <ParamInput label="模板名称" bind="templateName" />
    <!-- <ParamSelect v-bind="typeProps" @change="changeType" />
    <ParamSelect v-bind="subTypeProps" /> -->
  </WebSearch>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MySearch',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixWeb()],

  /**
   * 计算属性 (慎用箭头函数)
   */
  computed: {
    /**
     * 类型属性
     */
    typeProps() {
      return {
        label: '工单类型',
        bind: 'orderTypeCode',
        dict: CORE.DICT.task_type_code,
      }
    },

    /**
     * 子类型属性
     */
    subTypeProps() {
      const typeKey = this.typeProps.bind
      const orderTypeCode = this.param[typeKey]
      return {
        label: '子类',
        bind: 'orderSubTypeCode',
        dict: orderTypeCode ? CORE.DICT.task_sub_type_code.filter((item) => item[0].includes(orderTypeCode)) : [],
      }
    },
  },

  /**
   * 本地方法 (轻量重要在前)
   */
  methods: {
    /**
     * 切换工单类型
     */
    changeType() {
      const { param, subTypeProps: { bind } } = this
      param[bind] = undefined
    },
  },
}
</script>
